<!DOCTYPE html>
<html lang="zh-cn">
<head>
  <meta charset="utf-8">
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <!--<meta name="viewport" content="width=device-width, initial-scale=1">-->
  <meta name="keywords" content="IT课程,公开课,在线教育,云计算,大数据,物联网,视频教程,编程开发,交互设计,互联网营销,IT职业培训,IT职业规划,幕课论坛,MOOC,视频课程,职场进修,慕课论坛,移动云计算,创业"/>
  <meta name="description" content="开课吧是关于云计算、大数据、互联网营销、交互设计、编程语言、移动云计算等泛IT学科的在线课程，在线教育，职业培训等泛IT学科终身在线教育平台。"/>

  <title>忘记密码 - 重置密码</title>
  <link data-turbolinks-track="true" href="css/application-259d88b7df3d30d7eec66f46114169d9.css" media="all" rel="stylesheet" />
  <link data-turbolinks-track="true" href="css/user-44752681eea2af83918f1dc30a2b564c.css" media="all" rel="stylesheet" />
  <link data-turbolinks-track="true" href="css/gaoxiaobang-da3a2db2fecddd160bc3e3c4a3a3bc38.css" media="all" rel="stylesheet" />
  <script data-turbolinks-track="true" src="js/application-fb8562c33e2e6c7d207653c10215fc91.js"></script>
  <meta content="authenticity_token" name="csrf-param" />
<meta content="HfyB28ni5Qj/hP5e8BrOFEnWbp74KJ0mHJ2R98WyF40=" name="csrf-token" />
  <link rel="shortcut icon" href="images/favicon.ico"/>
  <link rel="apple-touch-icon-precomposed" href="images/apple-touch-icon-precomposed.png">
  <!--[if lt IE 9]>
  <script src="js/html5boilerplate-20c3bd30c07e9e58ea1042f1da27d6b7.js"></script>
<script src="js/html5shiv.min-f7427b1968f14d148d6c973339ec8bbb.js"></script>
<script src="js/respond.min-497dcd05a34f78a0295d8ba4cc5008df.js"></script>
  <![endif]-->
</head>
<body>
<!--<p class="notice"></p>-->
<!--<p class="alert"></p>-->

<link href="css/find_password-75981770dbe945b3793e91bfe66975b4.css" media="screen" rel="stylesheet" />
<div class="signin-header">
  <div class="signin-container">
    <div class="pull-left">
      <a href="/users/sign_out" class="signin-logo">开课吧</a>
      <div class="text">开课吧账号</div>
    </div>
    <div class="pull-right">
      没有账号，<a href="/users/sign_up" class="color-lnk">免费注册</a>
    </div>
  </div>
</div>
<div class="container">
  <div class="title">
    <ul class="nav nav-pill">
      <li class="pass-bj finish">确认账号</li>
      <li class="finish-bj finish">验证安全性</li>
      <li class="special-bj bw-bj">重置密码</li>
      <li>完成</li>
    </ul>
  </div>

  <div class="find-pwd reset">
    <form accept-charset="UTF-8" action="/users/password" class="simple_form new_user" id="reset_password_form" method="post" role="form"><div style="display:none"><input name="utf8" type="hidden" value="&#x2713;" /><input name="_method" type="hidden" value="put" /><input name="authenticity_token" type="hidden" value="HfyB28ni5Qj/hP5e8BrOFEnWbp74KJ0mHJ2R98WyF40=" /></div>
        
        <div class="form-group hidden user_reset_password_token"><input class="hidden" id="user_reset_password_token" name="user[reset_password_token]" type="hidden" value="yBqq3Ebvq5YG_w-ANmhY" /></div>
        

        <div class="form-group ">
          <label for="user_password" class="control-label">密码</label>
          <input aria-required="true" autofocus="autofocus" class="password required form-control input-lg input-bj" id="user_password" maxlength="128" name="user[password]" placeholder="请输入密码（6-16位字符）" required="required" size="128" type="password" />
          <div class="input-icon find_pwd_bj find-pwd-img"></div>
          <span class="msg-icon"></span>
          <div class="help-block">6-16位数字、字母或符号的组合</div>
        </div>
        <div class="form-group ">
          <label for="user_password_confirmation" class="control-label">再次确认密码</label>
          <input aria-required="true" class="password required form-control input-lg input-bj" id="user_password_confirmation" name="user[password_confirmation]" placeholder="请再次输入密码（6-16位字符）" required="required" type="password" />
          <div class="input-icon find_pwd_bj find-pwd-img"></div>
          <span class="msg-icon"></span>
          <div class="help-block">6-16位数字、字母或符号的组合</div>
        </div>
        <div class="form-group btn-right">
          <input class="button btn btn-primary btn-lg btn-block" disable_with="重置中..." name="commit" type="submit" value="确认重置密码" />
        </div>
</form>  </div>
</div>

<script type="text/javascript">
    $(function(){
        validateForm();
    });

    // 表单验证
    function validateForm(){
        $("#reset_password_form").validate({
            rules: {
                "user[password]": {required: true, minlength: 6, maxlength: 16 },
                "user[password_confirmation]": { required: true, equalTo: '#user_password' }
            },
            messages: {
                "user[password]": {
                    minlength: "密码最小长度是6位", maxlength: "密码最大长度是16位"
                },
                "user[password_confirmation]": {
                    required: "确认密码不能为空", equalTo: "密码与确认密码不一致"
                }
            },
            // 未通过
            highlight: function(el) {
                $(el).parents(".form-group").addClass("status-error").removeClass("status-success");
            },
            // 通过
            unhighlight: function(el) {
                $(el).parents(".form-group").removeClass("status-error").addClass("status-success");
            },
            errorPlacement: function(error, el) {
                $(el).parents(".form-group").find(".help-block").empty().append(error);
            }
        });
    }
</script>



<!--[if lte IE 9]>
  <script src="js/jquery.placeholder-f99209ea3cff0a13a5ec10e1e69b243f.js"></script>
<![endif]-->
<div style="display: none; line-height: 0px;">
  <footer class="footer" id="footer">
  <div class="links">
    <div class="container">
      <div class="row">
        <div class="col-xs-2">
          <div class="logo">
            <img src="images/logo-white.png" alt="">
          </div>
        </div>
        <div class="col-xs-5">
          <div class="row">
            <div class="col-xs-3">
              <h5>关于我们</h5>
              <ul class="list-unstyled">
                <li><a href="about.html#advantage-anchor">我们的优势</a></li>
                <li><a href="about.html#news-anchor">资讯报道</a></li>
                <li><a href="about.html#joinus-anchor">加入我们</a></li>
                <li><a href="about.html#contact-anchor">联系我们</a></li>
              </ul>
            </div>
            <div class="col-xs-3">
              <h5>产品&amp;服务</h5>
              <ul class="list-unstyled">
                <li><a href="products.html#production_intro-anchor">产品介绍</a></li>
                <li><a href="products.html#institution_cooperate-anchor">校企合作</a></li>
                <li><a href="products.html#business_cooperate-anchor">商务合作</a></li>
              </ul>
            </div>
            <div class="col-xs-3">
              <h5>帮助中心</h5>
              <ul class="list-unstyled">
                <li><a href="help.html#common_question-anchor">常见问题</a></li>
                <li><a href="help.html#contact_customer-anchor">联系客服</a></li>
                <li><a href="help.html#user_agreement-anchor">服务协议</a></li>
                <li><a href="help.html#copyright_explain-anchor">隐私政策</a></li>
              </ul>
            </div>
            <div class="col-xs-3">
              <h5>优质资源</h5>
              <ul class="list-unstyled">
                <li><a href="/instructors">优秀讲师</a></li>
                <li><a href="course_list.html">全部课程</a></li>
                <li><a href="/good_resource#cooperate_platform">合作平台</a></li>
                <li><a href="/verifies">证书验证</a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-xs-4 pull-right social-media">
          <div class="row">
            <div class="col-xs-7">
              <a href="http://bbs.kaikeba.com" class="btn btn-lg btn-block btn-gflt" target="_blank">
                <span><img src="images/gflt_logo.png" alt=""></span>
                &nbsp;&nbsp;官方论坛
              </a>
              <a href="http://weibo.com/kaikeba" class="btn btn-lg btn-block btn-weibo" target="_blank">
                <span><img src="images/weibo_logo.png" alt=""></span>
                &nbsp;&nbsp;立即关注
              </a>
              <a href="http://t.qq.com/kaikeba" class="btn btn-lg btn-block btn-douban" target="_blank">
                <span><img src="images/douban_logo.png" alt=""></span>
                &nbsp;&nbsp;立即收听
              </a>
            </div>
            <div class="col-xs-5">
              <img src="images/weixin-QR-footer.png" alt="" class="weixin-QR">
              <!--<a href=""><img src="images/QQ_talk.png" alt=""></a>-->
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="copyright text-center">
    <p>北京开云慧科网络科技有限公司版权所有&nbsp;&nbsp;&nbsp;<a href="https://tsm.miit.gov.cn/pages/Portal.aspx?uKey=ukey" target="_blank">京ICP证140465号</a>&nbsp;&nbsp;&nbsp;<a href="http://www.miitbeian.gov.cn/publish/query/indexFirst.action" target="_blank">京ICP备13032407号-1</a>&nbsp;&nbsp;&nbsp;京公网安备 11010802013162</p>
    <p>公司地址：北京市海淀区学院路35号世宁大厦302A&nbsp;&nbsp;邮箱：kefu@kaikeba.com</p>
  </div>
</footer>
<!-- Piwik -->


<!-- Google Code for &#27880;&#20876; Conversion Page -->
<script type="text/javascript">
    /* <![CDATA[ */
    var google_conversion_id = 983566162;
    var google_conversion_language = "en";
    var google_conversion_format = "2";
    var google_conversion_color = "ffffff";
    var google_conversion_label = "wTJBCL7Q9gcQ0o6A1QM";
    var google_remarketing_only = false;
    /* ]]> */
</script>
<div style="display: none;">
  <script type="text/javascript" src="js/conversion.js">
  </script>
  <noscript>
    <div style="display:inline;">
      <img height="1" width="1" style="border-style:none;" alt="" src="//www.googleadservices.com/pagead/conversion/983566162/?label=wTJBCL7Q9gcQ0o6A1QM&amp;guid=ON&amp;script=0"/>
    </div>
  </noscript>

  <script type="text/javascript">
      $(document).ready(function(){
          var src_url = window.location.href;
          $("[click_source]").each(function(){
              var src_ele_value = $(this).attr("click_source");
              var tag_name = $(this).prop('tagName');
              if (tag_name == 'UL') {
                  $(this).find("a").each(function (index) {
                      $(this).click(function () {
                          var des_url = $(this).attr("href");
                          _paq.push(['setCustomVariable', '1', 'user_click', src_ele_value + '||' + index + '||' + src_url + '||' + des_url, 'page']);
                          _paq.push(['trackPageView']);
                      });
                  });
              }else if (tag_name == 'A') {
                  $(this).click(function () {
                      var des_url = $(this).attr("href");
                      _paq.push(['setCustomVariable', '1', 'user_click', src_ele_value + '||' + src_url + '||' + des_url, 'page']);
                      _paq.push(['trackPageView']);
                  });
              }else if (tag_name == 'INPUT'){
                  $(this).click(function () {
                      _paq.push(['setCustomVariable', '1', 'user_click', src_ele_value + '||' + src_url, 'page']);
                      _paq.push(['trackPageView']);
                  });
              }

          })
      });
  </script>
  <script src="js/monitorView-2.0.js"></script>
  <noscript><p><img src="http://piwik.kaikeba.com/piwik/piwik.php?idsite=1" style="border:0;" alt="" /></p></noscript>

  <!--<!-- ask Li,Wenchao adn Ren,Shiqi-->-->
  <!--<script type="text/javascript" src="http://tj.ranknowcn.com/tj/t.php?site=1101"></script>-->
</div>
<!-- End Piwik Code -->


<!--[if IE 8]>
<script>
    if(!!!$.cookie('ie8-bootstrap-warning')){
        $('body').prepend('<div class="alert alert-danger alert-dismissible fade in text-center" id="ie8-bootstrap-warning" style="border-color: #d84a36; background:#d84a36;color:white;position: absolute; z-index: 9999; width: 100%;" role="alert">'
                + '<button type="button" class="close" data-dismiss="alert" aria-label="关闭" style="position: absolute; right: 10px; margin-right: 0px;"><span aria-hidden="true">×</span></button>'
                + '使用IE8及以下版本可能会对你使用网站部分功能造成影响，请使用更高版本或者chrome浏览器'
                + '</div>');
        $('#ie8-bootstrap-warning').on('closed.bs.alert', function () {
            $.cookie('ie8-bootstrap-warning', 'true');
        })
    }
</script>
<![endif]-->

<!--[if lt IE 8]>
<script>
    if(!!!$.cookie('ie8-bootstrap-warning')){
        $('body').prepend('<div class="alert alert-danger alert-dismissible fade in text-center" id="ie8-bootstrap-warning" style="border-color: #d84a36; background:#d84a36;color:white;position: absolute; z-index: 9999; width: 100%;" role="alert">'
                + '<button type="button" class="close" data-dismiss="alert" aria-label="关闭" style="position: absolute; right: 10px; width: 100px; padding-right: 10px; height: 30px; margin-right: 0px;"><span aria-hidden="true">×</span></button>'
                + '使用IE8及以下版本可能会对你使用网站部分功能造成影响，请使用更高版本或者chrome浏览器'
                + '</div>');
        $('#ie8-bootstrap-warning').on('closed.bs.alert', function () {
            $.cookie('ie8-bootstrap-warning', 'true');
        })
    }
</script>
<![endif]-->



</div>
</body>
</html>
<!--
本代码由js代码网网友上传，js代码网收集并编辑整理;
尊重他人劳动成果;
转载请保留js代码链接 - www.jsdaima.com
-->